<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="description" content="IT技术课程网站后台管理系统">
		<meta name="keywords" content="IT技术课程网站后台管理系统">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<link rel="icon" href="images/favicon.ico" type="image/x-icon">
		<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
		<title>网站后台管理系统</title>
		<!-- 第一种方式:<base> 标签为页面上的所有链接规定默认地址或默认目标 -->
		<base th:href="@{/}">
		<link rel="stylesheet" type="text/css" href="css/bootstrap3.min.css">
		<link rel="stylesheet" type="text/css" href="css/indexAdmin.css" />
		<!--[if lt IE 9]>
		<script src="js/html5shiv.min.js"></script>
		<script src="js/respond.min.js"></script>
		<![endif]-->
		<script src="js/jquery.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script>
			$(function() {
				/*
				* 处理左侧菜单栏目效果
				* */
                $(".meun-item").click(function() {
                    $(".meun-item").removeClass("meun-item-active");
                    $(this).addClass("meun-item-active");
                    var itmeObj = $(".meun-item").find("img");
                    itmeObj.each(function() {
                        var items = $(this).attr("src");
                        items = items.replace("_grey.png", ".png");
                        items = items.replace(".png", "_grey.png")
                        $(this).attr("src", items);
                    });
                    var attrObj = $(this).find("img").attr("src");
                    ;
                    attrObj = attrObj.replace("_grey.png", ".png");
                    $(this).find("img").attr("src", attrObj);
                });
                /**
				 * 左侧菜单展开按钮效果
				 */
                $(".toggle-btn").click(function() {
                    $("#leftMenu").toggleClass("hide");
                    $("#rightContent").toggleClass("pd0px");
                })
				/**
				 * 处理分页块效果
				 */
				$('.pagination').children(":first").addClass('disabled');
				$('.pagination').on('click', 'a', function () {
					$(this).parent().siblings('li').removeClass('active').end().addClass('active');
					// alert($(this).parent().parent().children().eq(1).attr('class'));
					if($(this).parent().parent().children().eq(1).attr('class') == 'active'){
						$(this).parent().parent().children(":first").addClass('disabled');
					}else{
						$(this).parent().parent().children(":first").removeClass('disabled');
					}
					if($(this).parent().parent().children(":last").prev().attr('class') == 'active'){
						$(this).parent().parent().children(":last").addClass('disabled');
					}else{
						$(this).parent().parent().children(":last").removeClass('disabled');
					}
				});
            })
        </script>
	</head>

	<body>
		<div id="wrap">
			<!-- 左侧菜单栏目块 -->
			<div class="leftMenu" id="leftMenu">
				<div id="logoDiv">
					<p id="logoP"><img class="logo" alt="网站LOGO" title="网站LOGO" src="images/ITx48.png"><span>后台管理系统</span></p>
				</div>
				<div id="personInfor">
					<p id="userName" th:text="${session.Account.getUsername()}">管理员用户名</p>
					<p>
						<a href="login/adminLoginOut">退出登录</a>
					</p>
				</div>
				<div class="meun-title">账号管理</div>
				<div class="meun-item meun-item-active" href="#table_user" aria-controls="table_user" role="tab" data-toggle="tab"><img src="images/icon_user_grey.png">用户管理</div>
				<div class="meun-item" href="#table_permission" aria-controls="table_permission" role="tab" data-toggle="tab"><img src="images/icon_chara_grey.png">权限管理</div>
				<div class="meun-item" href="#table_chan" aria-controls="table_chan" role="tab" data-toggle="tab"><img src="images/icon_password_grey.png">修改密码</div>
				<div class="meun-title">数据管理</div>
				<div class="meun-item" href="#table_video" aria-controls="table_video" role="tab" data-toggle="tab"><img src="images/icon_video_grey.png">视频管理</div>
				<div class="meun-item" href="#table_blog" aria-controls="table_blog" role="tab" data-toggle="tab"><img src="images/icon_blog_grey.png">博客管理</div>
				<div class="meun-item" href="#table_comment" aria-controls="table_comment" role="tab" data-toggle="tab"><img src="images/icon_comment_grey.png">评论管理</div>
				<div class="meun-item" href="#table_order" aria-controls="table_order" role="tab" data-toggle="tab"><img src="images/icon_order_grey.png">订单管理</div>
			</div>
			<!-- 右侧具体内容栏目 -->
			<div id="rightContent" class="rightContent">
				<a class="toggle-btn" id="nimei">
					<i class="glyphicon glyphicon-align-justify"></i>
				</a>
				<!-- Tab panes -->
				<div class="tab-content">
					<!--用户管理模块-->
					<div role="tabpanel" class="tab-pane active" id="table_user">
						<div class="check-div form-inline">
							<div class="col-xs-3">
								<button class="btn btn-yellow" data-toggle="modal" data-target="#addUser">添加用户 </button>
							</div>
						</div>
						<div class="data-div tablebody">
							<table class="table table-hover">
								<thead class="tableHeader">
									<tr>
										<th>id</th>
										<th>用户名</th>
										<th>密码</th>
										<th>权限id</th>
										<th>权限</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody th:each="list:${userList}">
									<tr>
										<td th:text="${list.id}">10001</td>
										<td th:text="${list.username}">admin</td>
										<td th:text="${list.password}">admin</td>
										<td th:text="${list.p_id}">1</td>
										<td th:text="${list.p_name}">admin</td>
										<td>
											<button class="btn btn-success btn_changeUser" data-toggle="modal" data-target="#changeUser">修改</button>
											<button class="btn btn-danger btn_deleteUser" data-toggle="modal" data-target="#deleteUser">删除</button>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<!--页码块-->
						<!--
						<footer class="footer">
							<nav aria-label="Page navigation">
							  <ul class="pagination">
							    <li>
							      <a href="#" aria-label="Previous">
							        <span aria-hidden="true">&laquo;</span>
							      </a>
							    </li>
							    <li class="active"><a href="#">1</a></li>
							    <li><a href="#">2</a></li>
							    <li><a href="#">3</a></li>
							    <li><a href="#">4</a></li>
							    <li><a href="#">5</a></li>
							    <li>
							      <a href="#" aria-label="Next">
							        <span aria-hidden="true">&raquo;</span>
							      </a>
							    </li>
							  </ul>
							</nav>
						</footer>
						-->

						<!--弹出添加用户窗口-->
						<div class="modal fade" id="addUser" role="dialog" aria-labelledby="gridSystemModalLabel">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
										<h4 class="modal-title">添加用户</h4>
									</div>
									<div class="modal-body">
										<div class="container-fluid">
											<form class="form-horizontal">
												<div class="form-group">
													<label for="addUser_name" class="col-xs-3 control-label">用户名：</label>
													<div class="col-xs-8 ">
														<input type="text" class="form-control input-sm duiqi" id="addUser_name" placeholder="请输入用户名" required>
													</div>
												</div>
												<div class="form-group">
													<label for="addUser_pwd" class="col-xs-3 control-label">密码：</label>
													<div class="col-xs-8 ">
														<input type="text" class="form-control input-sm duiqi" id="addUser_pwd" placeholder="请输入密码" required>
													</div>
												</div>
												<div class="form-group">
													<label for="addUser_pid" class="col-xs-3 control-label">权限：</label>
													<div class="col-xs-8">
														<select class="form-control select-duiqi" id="addUser_pid">
															<option th:each="permList:${permList}" th:text="${permList.pname}" th:value="${permList.id}">管理员</option>
														</select>
													</div>
												</div>
											</form>
										</div>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn  btn-white" data-dismiss="modal">取 消</button>
										<button type="button" class="btn  btn-green" id="btn_addUser_save">保 存</button>
									</div>
								</div>
								<!-- /.modal-content -->
							</div>
							<!-- /.modal-dialog -->
						</div>
						<!-- /.modal -->

						<!--弹出修改用户窗口-->
						<div class="modal fade" id="changeUser" role="dialog" aria-labelledby="gridSystemModalLabel">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
										<h4 class="modal-title">修改用户</h4>
									</div>
									<div class="modal-body">
										<div class="container-fluid">
											<form class="form-horizontal">
												<div class="form-group">
													<label for="changeUser_id" class="col-xs-3 control-label">id：</label>
													<div class="col-xs-8">
														<label id="changeUser_id"></label>
													</div>
												</div>
												<div class="form-group">
													<label for="changeUser_name" class="col-xs-3 control-label">用户名：</label>
													<div class="col-xs-8">
														<input type="text" class="form-control input-sm duiqi" id="changeUser_name" placeholder="请输入用户名" required>
													</div>
												</div>
												<div class="form-group">
													<label for="changeUser_pwd" class="col-xs-3 control-label">密码：</label>
													<div class="col-xs-8 ">
														<input type="text" class="form-control input-sm duiqi" id="changeUser_pwd" placeholder="请输入密码" required>
													</div>
												</div>
												<div class="form-group">
													<label for="changeUser_pid" class="col-xs-3 control-label">权限：</label>
													<div class="col-xs-8">
														<select class="form-control select-duiqi" id="changeUser_pid">
															<option th:each="permList:${permList}" th:text="${permList.pname}" th:value="${permList.id}">管理员</option>
														</select>
														<input id="changeUser_oldPid" type="hidden">
													</div>
												</div>
											</form>
										</div>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn  btn-white" data-dismiss="modal">取 消</button>
										<button type="button" class="btn  btn-green" id="btn_changeUser_save">保 存</button>
									</div>
								</div>
								<!-- /.modal-content -->
							</div>
							<!-- /.modal-dialog -->
						</div>
						<!-- /.modal -->

						<!--弹出删除用户警告窗口-->
						<div class="modal fade" id="deleteUser" role="dialog" aria-labelledby="gridSystemModalLabel">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
										<h4 class="modal-title">提示</h4>
									</div>
									<div class="modal-body">
										<div class="form-group">
											<label for="deleteUser_id" class="col-xs-3 control-label">用户id：</label>
											<div class="col-xs-9">
												<label id="deleteUser_id"></label>
											</div>
										</div>
										<div class="container-fluid">
											确定要删除该用户？删除后不可恢复！
										</div>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-white" data-dismiss="modal">取 消</button>
										<button type="button" class="btn btn-danger" id="btn_deleteUser_save">保 存</button>
									</div>
								</div>
								<!-- /.modal-content -->
							</div>
							<!-- /.modal-dialog -->
						</div>
						<!-- /.modal -->
					</div>
					
					<!-- 权限管理模块 -->
					<div role="tabpanel" class="tab-pane" id="table_permission">
						<div class="check-div form-inline">
							<div class="col-xs-3">
								<button class="btn btn-yellow" data-toggle="modal" data-target="#addPermission">添加权限 </button>
							</div>
						</div>
						<div class="data-div tablebody">
							<table class="table table-hover">
								<thead class="tableHeader">
									<tr>
										<th>id</th>
										<th>权限名</th>
										<th>权限描述</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody th:each="permList:${permList}">
									<tr>
										<td th:text="${permList.id}">1</td>
										<td th:text="${permList.pname}">admin</td>
										<td th:text="${permList.pdesc}">系统最高权限管理员，可以操作所有数据资源</td>
										<td>
											<button class="btn btn-success btn_changePermission" data-toggle="modal" data-target="#changePermission">修改</button>
											<button class="btn btn-danger btn_deletePermission" data-toggle="modal" data-target="#deletePermission">删除</button>
										</td>
									</tr>
								</tbody>
							</table>
						</div>

						<!--增加权限弹出窗口-->
						<div class="modal fade" id="addPermission" role="dialog" aria-labelledby="gridSystemModalLabel">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
										<h4 class="modal-title">添加权限</h4>
									</div>
									<div class="modal-body">
										<div class="container-fluid">
											<form class="form-horizontal">
												<div class="form-group ">
													<label for="addPermission_pname" class="col-xs-3 control-label">权限名：</label>
													<div class="col-xs-6 ">
														<input type="text" class="form-control input-sm duiqi" id="addPermission_pname" placeholder="" required>
													</div>
												</div>
												<div class="form-group">
													<label for="addPermission_pdesc" class="col-xs-3 control-label">权限描述：</label>
													<div class="col-xs-6 ">
														<textarea class="form-control input-sm duiqi" id="addPermission_pdesc" required></textarea>
													</div>
												</div>
											</form>
										</div>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-white" data-dismiss="modal">取 消</button>
										<button type="button" class="btn btn-green" id="btn_addPermission_save">保 存</button>
									</div>
								</div>
								<!-- /.modal-content -->
							</div>
							<!-- /.modal-dialog -->
						</div>
						<!-- /.modal -->
					
						<!--修改权限弹出窗口-->
						<div class="modal fade" id="changePermission" role="dialog" aria-labelledby="gridSystemModalLabel">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
										<h4 class="modal-title">修改权限</h4>
									</div>
									<div class="modal-body">
										<div class="container-fluid">
											<form class="form-horizontal">
												<div class="form-group">
													<label for="changePermission_id" class="col-xs-3 control-label">id：</label>
													<div class="col-xs-8">
														<label id="changePermission_id"></label>
													</div>
												</div>
												<div class="form-group ">
													<label for="changePermission_pname" class="col-xs-3 control-label">权限名：</label>
													<div class="col-xs-6 ">
														<input type="text" class="form-control input-sm duiqi" id="changePermission_pname" placeholder="" required>
													</div>
												</div>
												<div class="form-group">
													<label for="changePermission_pdesc" class="col-xs-3 control-label">描述：</label>
													<div class="col-xs-6 ">
														<textarea class="form-control input-sm duiqi" id="changePermission_pdesc" required></textarea>
													</div>
												</div>
											</form>
										</div>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-white" data-dismiss="modal">取 消</button>
										<button type="button" class="btn btn-green" id="btn_changePermission_save">保 存</button>
									</div>
								</div>
								<!-- /.modal-content -->
							</div>
							<!-- /.modal-dialog -->
						</div>
						<!-- /.modal -->
					
						<!--弹出删除权限警告窗口-->
						<div class="modal fade" id="deletePermission" role="dialog" aria-labelledby="gridSystemModalLabel">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
										<h4 class="modal-title">提示</h4>
									</div>
									<div class="modal-body">
										<div class="form-group">
											<label for="deletePermission_id" class="col-xs-3 control-label">权限id：</label>
											<div class="col-xs-9">
												<label id="deletePermission_id"></label>
											</div>
										</div>
										<div class="container-fluid">
											确定要删除该权限？删除后不可恢复！
										</div>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-white" data-dismiss="modal">取 消</button>
										<button type="button" class="btn btn-danger" id="btn_deletePermission_save">保 存</button>
									</div>
								</div>
								<!-- /.modal-content -->
							</div>
							<!-- /.modal-dialog -->
						</div>
						<!-- /.modal -->
					</div>

					<!-- 修改密码模块 -->
					<div role="tabpanel" class="tab-pane" id="table_chan">
						<div class="check-div">
							<span style="font-size: 24px">修改密码</span>
						</div>
						<div style="padding: 50px 0;margin-top: 50px;background-color: #fff; text-align: right;width: 420px;margin: 50px auto;">
							<form class="form-horizontal">
								<div class="form-group">
									<label for="changeAdmin_oldPwd" class="col-xs-3 control-label">原密码：</label>
									<div class="col-xs-7">
										<input type="text" class="form-control input-sm duiqi" id="changeAdmin_oldPwd" placeholder="" style="margin-top: 7px;" required>
									</div>
								</div>
								<div class="form-group">
									<label for="changeAdmin_newPwd" class="col-xs-3 control-label">新密码：</label>
									<div class="col-xs-7">
										<input type="text" class="form-control input-sm duiqi" id="changeAdmin_newPwd" placeholder="" style="margin-top: 7px;" required>
									</div>
								</div>
								<div class="form-group">
									<label for="changeAdmin_repeatPwd" class="col-xs-3 control-label">重复密码：</label>
									<div class="col-xs-7">
										<input type="text" class="form-control input-sm duiqi" id="changeAdmin_repeatPwd" placeholder="" style="margin-top: 7px;" required>
									</div>
								</div>
								<div class="form-group text-right">
									<div class="col-xs-offset-4 col-xs-5" style="margin-left: 169px;">
										<button type="reset" class="btn btn-white">取 消</button>
										<button type="button" class="btn btn-green" id="btn_changeAdmin_save">保存</button>
									</div>
								</div>
							</form>
						</div>
					</div>

					<!--数据管理模块-->
					<!--视频管理模块-->
					<div role="tabpanel" class="tab-pane" id="table_video">
						<div class="check-div form-inline">
							<div class="col-xs-3">
								<button class="btn btn-yellow " data-toggle="modal" data-target="#addVideo">添加视频 </button>
							</div>
						</div>
						<div class="data-div tablebody">
							<table class="table table-hover">
								<thead class="tableHeader">
									<tr>
										<th>id</th>
										<th>视频标题</th>
										<th>视频URL</th>
										<th>视频封面URL</th>
										<th>视频简介</th>
										<th>上传时间</th>
										<th>课程价格</th>
										<th>课程分类id</th>
										<th>课程分类</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody th:each="videoList:${videoList}">
									<tr>
										<td th:text="${videoList.id}">1</td>
										<td th:text="${videoList.vtitle}">a</td>
										<td th:text="${videoList.vurl}">a</td>
										<td th:text="${videoList.vcoverurl}">a</td>
										<td th:text="${videoList.vdesc}">a</td>
										<td th:text="${#dates.format(videoList.vtime, 'yyyy-MM-dd')}">a</td>
										<td th:text="${videoList.vprice}">a</td>
										<td th:text="${videoList.vtype_id}">a</td>
										<td th:text="${videoList.vtypename}">a</td>
										<td>
											<button class="btn btn-success btn_changeVideo" data-toggle="modal" data-target="#changeVideo">修改</button>
											<button class="btn btn-danger btn_deleteVideo" data-toggle="modal" data-target="#deleteVideo">删除</button>
										</td>
									</tr>
								</tbody>
							</table>
						</div>

						<!--弹出添加视频窗口-->
						<div class="modal fade" id="addVideo" role="dialog" aria-labelledby="gridSystemModalLabel">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
										<h4 class="modal-title" id="gridSystemModalLabel">添加视频</h4>
									</div>
									<div class="modal-body">
										<div class="container-fluid">
											<form action="addVideo" method="post" enctype="multipart/form-data" class="form-horizontal">
												<div class="form-group ">
													<label for="addVideo_vtitle" class="col-xs-3 control-label">视频标题：</label>
													<div class="col-xs-9 ">
														<input type="text" class="form-control input-sm duiqi" id="addVideo_vtitle" name="vtitle" required>
													</div>
												</div>
												<div class="form-group ">
													<label for="addVideo_vurl" class="col-xs-3 control-label">视频URL：</label>
													<div class="col-xs-9 ">
														<input type="file" accept=".mp4,.mpeg" class="form-control cover-file-input input-sm duiqi" id="addVideo_vurl" name="videofile" required>
													</div>
												</div>
												<div class="form-group">
													<label for="addVideo_vcover" class="col-xs-3 control-label">视频封面：</label>
													<div class="col-xs-9 ">
														<input type="file" accept=".gif,.jpeg,.jpg,.png" class="form-control cover-file-input input-sm duiqi" id="addVideo_vcover" name="vcoverfile" required>
													</div>
												</div>
												<div class="form-group">
													<label for="addVideo_vdesc" class="col-xs-3 control-label">视频简介：</label>
													<div class="col-xs-9">
														<textarea rows="5" class="form-control input-sm duiqi" id="addVideo_vdesc" name="vdesc" required></textarea>
													</div>
												</div>
												<div class="form-group">
													<label for="addVideo_vprice" class="col-xs-3 control-label">课程价格：</label>
													<div class="col-xs-9">
														<input type="number" class="form-control input-sm duiqi" id="addVideo_vprice" name="vprice" required>
													</div>
												</div>
												<div class="form-group">
													<label for="addVideo_vtypeid" class="col-xs-3 control-label">课程分类：</label>
													<div class="col-xs-9">
														<select class="form-control select-duiqi" id="addVideo_vtypeid" name="vtype_id">
															<option th:each="videoTypeList:${videoTypeList}" th:text="${videoTypeList.vtypename}" th:value="${videoTypeList.id}">html</option>
														</select>
													</div>
												</div>
												<div class="modal-footer">
													<input type="button" class="btn btn-white" data-dismiss="modal" value="取 消">
													<input type="submit" class="btn btn-green" id="btn_addVideo_save" value="保 存">
												</div>
											</form>
										</div>
									</div>
								</div>
								<!-- /.modal-content -->
							</div>
							<!-- /.modal-dialog -->
						</div>
						<!-- /.modal -->

						<!--弹出修改视频窗口-->
						<div class="modal fade" id="changeVideo" role="dialog" aria-labelledby="gridSystemModalLabel">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
										<h4 class="modal-title">修改视频</h4>
									</div>
									<div class="modal-body">
										<div class="container-fluid">
											<form action="changeVideo" method="post" enctype="multipart/form-data" class="form-horizontal">
												<div class="form-group">
													<label for="changeVideo_id" class="col-xs-3 control-label" style="text-align: center;color: #333">视频id：</label>
													<div class="col-xs-9">
														<label id="changeVideo_id"></label>
														<input type="hidden" name="id" id="changeVideo_hidden_id">
													</div>
												</div>
												<div class="form-group ">
													<label for="changeVideo_vtitle" class="col-xs-3 control-label">视频标题：</label>
													<div class="col-xs-9 ">
														<input type="text" class="form-control input-sm duiqi" id="changeVideo_vtitle" name="vtitle" required>
													</div>
												</div>
												<div class="form-group ">
													<label for="changeVideo_vurl" class="col-xs-3 control-label">视频URL：</label>
													<div class="col-xs-9 ">
														<input type="file" accept=".mp4,.mpeg" class="form-control cover-file-input input-sm duiqi" id="changeVideo_vurl" name="videofile" required>
													</div>
												</div>
												<div class="form-group">
													<label for="changeVideo_vcover" class="col-xs-3 control-label">视频封面：</label>
													<div class="col-xs-9 ">
														<input type="file" accept=".gif,.jpeg,.jpg,.png" class="form-control cover-file-input input-sm duiqi" id="changeVideo_vcover" name="vcoverfile" required>
													</div>
												</div>
												<div class="form-group">
													<label for="changeVideo_vdesc" class="col-xs-3 control-label">视频简介：</label>
													<div class="col-xs-9">
														<textarea rows="5" class="form-control input-sm duiqi" id="changeVideo_vdesc" name="vdesc" required></textarea>
													</div>
												</div>
												<div class="form-group">
													<label for="changeVideo_vprice" class="col-xs-3 control-label">课程价格：</label>
													<div class="col-xs-9">
														<input type="number" class="form-control input-sm duiqi" id="changeVideo_vprice" name="vprice" required>
													</div>
												</div>
												<div class="form-group">
													<label for="changeVideo_vtypeid" class="col-xs-3 control-label">课程分类：</label>
													<div class="col-xs-9">
														<select class="form-control select-duiqi" id="changeVideo_vtypeid" name="vtype_id">
															<option th:each="videoTypeList:${videoTypeList}" th:text="${videoTypeList.vtypename}" th:value="${videoTypeList.id}">html</option>
														</select>
													</div>
												</div>
												<div class="modal-footer">
													<input type="button" class="btn btn-white" data-dismiss="modal" value="取 消">
													<input type="submit" class="btn btn-green" id="btn_changeVideo_save" value="保 存">
												</div>
											</form>
										</div>
									</div>
								</div>
								<!-- /.modal-content -->
							</div>
							<!-- /.modal-dialog -->
						</div>
						<!-- /.modal -->

						<!--弹出删除视频警告窗口-->
						<div class="modal fade" id="deleteVideo" role="dialog" aria-labelledby="gridSystemModalLabel">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
										<h4 class="modal-title">提示</h4>
									</div>
									<div class="modal-body">
										<div class="form-group">
											<label for="deleteVideo_id" class="col-xs-3 control-label">视频id：</label>
											<div class="col-xs-9">
												<label id="deleteVideo_id"></label>
											</div>
										</div>
										<div class="container-fluid">
											确定要删除该视频？删除后不可恢复！
										</div>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-white" data-dismiss="modal">取 消</button>
										<button type="button" class="btn btn-danger" id="btn_deleteVideo_save">保 存</button>
									</div>
								</div>
								<!-- /.modal-content -->
							</div>
							<!-- /.modal-dialog -->
						</div>
						<!-- /.modal -->
					</div>

					<!--博客管理模块-->
					<div role="tabpanel" class="tab-pane" id="table_blog">
						<div class="check-div form-inline">
							<span style="font-size: 24px">博客管理</span>
						</div>
						<div class="data-div tablebody">
							<table class="table table-hover">
								<thead class="tableHeader">
								<tr>
									<th>id</th>
									<th>博客标题</th>
									<th>博客简介</th>
									<th>上传时间</th>
									<th>博客分类id</th>
									<th>博客分类</th>
									<th>博客作者id</th>
									<th>博客作者名</th>
									<th>操作</th>
								</tr>
								</thead>
								<tbody th:each="blogList:${blogList}">
								<tr>
									<td th:text="${blogList.id}">1</td>
									<td th:text="${blogList.btitle}">a</td>
									<td th:text="${blogList.bdesc}">a</td>
									<td th:text="${#dates.format(blogList.btime, 'yyyy-MM-dd')}">a</td>
									<td th:text="${blogList.btype_id}">a</td>
									<td th:text="${blogList.btypename}">a</td>
									<td th:text="${blogList.u_id}">a</td>
									<td th:text="${blogList.username}">a</td>
									<td>
										<!--兼容IE的写法，反过来嵌套会使按钮点击不跳转-->
										<a th:href="@{blogDetail?b_id={id}(id=${blogList.id})}" target="_blank">
											<button class="btn btn-success btn_readBlog">查看</button>
										</a>
										<button class="btn btn-danger btn_deleteBlog" data-toggle="modal" data-target="#deleteBlog">删除</button>
									</td>
								</tr>
								</tbody>
							</table>
						</div>

						<!--弹出删除博客警告窗口-->
						<div class="modal fade" id="deleteBlog" role="dialog" aria-labelledby="gridSystemModalLabel">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
										<h4 class="modal-title">提示</h4>
									</div>
									<div class="modal-body">
										<div class="form-group">
											<label for="deleteBlog_id" class="col-xs-3 control-label">博客id：</label>
											<div class="col-xs-9">
												<label id="deleteBlog_id"></label>
											</div>
										</div>
										<div class="container-fluid">
											确定要删除该博客？删除后不可恢复！
										</div>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-white" data-dismiss="modal">取 消</button>
										<button type="button" class="btn btn-danger" id="btn_deleteBlog_save">保 存</button>
									</div>
								</div>
								<!-- /.modal-content -->
							</div>
							<!-- /.modal-dialog -->
						</div>
						<!-- /.modal -->
					</div>

					<!--评论管理模块-->
					<div role="tabpanel" class="tab-pane" id="table_comment">
						<div class="check-div form-inline">
							<span style="font-size: 24px">评论管理</span>
						</div>
						<div class="data-div tablebody">
							<table class="table table-hover">
								<thead class="tableHeader">
								<tr>
									<th>id</th>
									<th>用户名</th>
									<th>评论</th>
									<th>发表时间</th>
									<th>博客id</th>
									<th>博客标题</th>
									<th>视频id</th>
									<th>视频标题</th>
									<th>操作</th>
								</tr>
								</thead>
								<tbody th:each="comments:${commentList}">
								<tr>
									<td th:text="${comments.id}">1</td>
									<td th:text="${comments.username}">a</td>
									<td th:text="${comments.cmcontent}">a</td>
									<td th:text="${#dates.format(comments.cmtime, 'yyyy-MM-dd')}">a</td>
									<td th:text="${comments.b_id}">a</td>
									<td th:text="${comments.btitle}">a</td>
									<td th:text="${comments.v_id}">a</td>
									<td th:text="${comments.vtitle}">a</td>
									<td>
										<button class="btn btn-danger btn_deleteComment" data-toggle="modal" data-target="#deleteComment">删除</button>
									</td>
								</tr>
								</tbody>
							</table>
						</div>

						<!--弹出删除评论警告窗口-->
						<div class="modal fade" id="deleteComment" role="dialog" aria-labelledby="gridSystemModalLabel">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
										<h4 class="modal-title">提示</h4>
									</div>
									<div class="modal-body">
										<div class="form-group">
											<label for="deleteComment_id" class="col-xs-3 control-label">评论id：</label>
											<div class="col-xs-9">
												<label id="deleteComment_id"></label>
											</div>
										</div>
										<div class="container-fluid">
											确定要删除该评论？删除后不可恢复！
										</div>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-white" data-dismiss="modal">取 消</button>
										<button type="button" class="btn btn-danger" id="btn_deleteComment_save">保 存</button>
									</div>
								</div>
								<!-- /.modal-content -->
							</div>
							<!-- /.modal-dialog -->
						</div>
						<!-- /.modal -->
					</div>

					<!--订单管理模块-->
					<div role="tabpanel" class="tab-pane" id="table_order">
						<div class="check-div form-inline">
							<span style="font-size: 24px">订单管理</span>
						</div>
						<div class="data-div tablebody">
							<table class="table table-hover">
								<thead class="tableHeader">
								<tr>
									<th>id</th>
									<th>用户id</th>
									<th>用户名</th>
									<th>课程id</th>
									<th>课程名称</th>
									<th>课程价格</th>
									<th>订单时间</th>
									<th>操作</th>
								</tr>
								</thead>
								<tbody th:each="orderList:${orderList}">
								<tr>
									<td th:text="${orderList.id}">1</td>
									<td th:text="${orderList.u_id}">a</td>
									<td th:text="${orderList.username}">a</td>
									<td th:text="${orderList.v_id}">a</td>
									<td th:text="${orderList.vtitle}">a</td>
									<td th:text="${orderList.vprice}">a</td>
									<td th:text="${#dates.format(orderList.otime, 'yyyy-MM-dd')}">a</td>
									<td>
										<button class="btn btn-danger btn_deleteOrder" data-toggle="modal" data-target="#deleteOrder">删除</button>
									</td>
								</tr>
								</tbody>
							</table>
						</div>

						<!--弹出删除订单警告窗口-->
						<div class="modal fade" id="deleteOrder" role="dialog" aria-labelledby="gridSystemModalLabel">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
										<h4 class="modal-title">提示</h4>
									</div>
									<div class="modal-body">
										<div class="form-group">
											<label for="deleteOrder_id" class="col-xs-3 control-label">订单id：</label>
											<div class="col-xs-9">
												<label id="deleteOrder_id"></label>
											</div>
										</div>
										<div class="container-fluid">
											确定要删除该订单？删除后不可恢复！
										</div>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-white" data-dismiss="modal">取 消</button>
										<button type="button" class="btn btn-danger" id="btn_deleteOrder_save">保 存</button>
									</div>
								</div>
								<!-- /.modal-content -->
							</div>
							<!-- /.modal-dialog -->
						</div>
						<!-- /.modal -->
					</div>

				</div>
			</div>
		</div>

		<script src="js/indexAdmin.js"></script>
	</body>

</html>
